
<div class="row txtTitle" style="margin-top:-40px;left: 10px;position: absolute;">
    
    <input matInput type="text" class="input_style" #queryCriteria="ngModel" name="searchData" placeholder="请输入属性名称"
           (input)="changesearch()" (keyup.enter)="changesearch()" [(ngModel)]="searchData" />

    <button class="btn btn-search btn-blue" style="margin-right: 10px;" (click)="search()" mat-button>查询</button>

</div>

<div class="time-attribute-plate">
<div class="table-thead" [ngClass]="{'table-thead-scroll':tabVal && tabVal.length > 15}" style="margin-left:10px;margin-top:50px;">
  <table class="tableStyle table table-hover table-striped">
      <thead>
      <tr>
          <th class="w10 text-left max-w">序号</th>
          <th class="w20 text-left max-w">属性名称 </th>
          <th class="w20 text-left max-w">创建时间</th>
          <th class="w15 text-left max-w">操作</th>
      </tr>
      </thead>
  </table>
</div>
<ng-container>
<div class="table-tbody" style="margin-left:10px;min-height: 250px;max-height: 550px;border:1px solid rgba(0,0,0,0.1);">
  <table class="tableStyle table table-hover table-striped">
      <tbody>
      <ng-container *ngFor="let val of tabVal;let i = index">
          <tr>
              <ng-container >
                  <td class="w10 text-left max-w">{{ i + 1 }}</td>
                  <td class="w20 text-left max-w">{{ val.metaName }}</td>
                  <td class="w20 text-left max-w">{{ val.createTime | date:'yyyy-MM-dd HH:mm:ss' }}</td>
                  <td class="w15 text-left max-w">
                    <span title="编辑" *ngIf="internalParam.completeStatus != '1'" class="btn-i-auto" (click)="edit._details(val)" data-toggle="modal" data-target="#timeAttributeEdit">
                        编辑
                    </span>
                    <span title="删除" *ngIf="internalParam.completeStatus != '1'" class="btn-i-auto" (click)="delete._details(val.metaId,productId)" data-toggle="modal" data-target="#timeAttributeDelete">
                        删除
                    </span>
                  </td>
              </ng-container>
          </tr>
      </ng-container>
      </tbody>
  </table>
</div>
</ng-container>

<!-- 分页 BEGIN -->
<!-- <app-pagination [showLeft]="false" [getTotalItems]="total" (isLoadTableFromPagination)="_pagination($event)"></app-pagination> -->
<!-- 分页 END -->
</div>
    



<app-time-attribute-edit #edit (onSubmit)="getProductTimeMetaList()"></app-time-attribute-edit>

<app-time-attribute-delete #delete (onSubmit)="getProductTimeMetaList()"></app-time-attribute-delete>